<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('evaluate-more-page/css/evaluate-more.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="javascript:history.go(-2);" ></a>

    <h1 class="title">更多评论及回复</h1>
</header>
<div class="content infinite-scroll" ng-init="showReview()">
    <div class="release-all">
        <ul>
            <li>

                <div class="release-content">

                    <div class="comment-bar">
                        <div class="user-avatar pull-left">
                            <img ng-if="!interactioninfo.user.userAvatarAddress"
                                 ng-src="page/personal-center-page/img/avatar.jpg">
                            <img ng-if="interactioninfo.user.userAvatarAddress"
                                 ng-src="{{interactioninfo.user.userAvatarAddress}}">
                        </div>
                        <div class="pull-right dateAndName">
                            <div class="nickname">{{interactioninfo.user.userNickName}}&nbsp;</div>
                            <div class="date">{{interactioninfo.interactionDate|date:'yyyy-MM-dd HH:mm:ss'}}</div>
                        </div>
                    </div>
                    <div ng-click="reviewMore(interactioninfo.dynamicId)" class="comment-div">
                        <div class="comment-content">
                            {{interactioninfo.dynamicComment}}
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <div class="user-all">

        <ul>
            <li ng-repeat="x in interactions">
                <div class="user-comment">
                    <div class="comment-bar">
                        <div class="user-avatar pull-left">
                            <img ng-if="!x.user1.userAvatarAddress" ng-src="page/evaluate-details-page/img/toux.jpg">
                            <img ng-if="x.user1.userAvatarAddress" ng-src="{{x.user1.userAvatarAddress}}">
                        </div>
                        <div class="pull-right dateAndName">
                            <div class="nickname">{{x.user1.userNickName}}</div>
                            <div class="date">{{x.interaction1.interactionDate|date:'yyyy-MM-dd HH:mm:ss'}}</div>
                        </div>
                    </div>
                    <div class="comment-div" ng-click="getUpData(x.user1.userNickName,interactioninfo.interactionId,x.user1.userId,interactioninfo.dynamicId)">
                        <!--判断是回复楼主还是回复层主且按不同方式显示-->
                        <div ng-if="interactioninfo.user.userId!=x.user2.userId" class="comment-content">
                            回复<span style="color: #0a8ddf">{{x.user2.userNickName}}</span>:{{x.interaction1.dynamicComment}}
                        </div>
                        <div ng-if="interactioninfo.user.userId==x.user2.userId" class="comment-content">
                            {{x.interaction1.dynamicComment}}
                        </div>
                    </div>
                </div>
                <hr/>
            </li>


        </ul>
    </div>

    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>
<nav class="nav bar-nav" style="display:block">
    <div class="bottom" id="bottom1">
        <input ng-model="interaction.dynamicComment" value="{{interaction.dynamicComment}}" type="text"
               placeholder="回复 {{interactioninfo.user.userNickName}}">
        <span class="fa fa-play pull" ng-click="addReview()"></span>
    </div>
    <div class="bottom" style="display:none" id="bottom2">
        <input ng-model="interaction.dynamicComment" value="{{interaction.dynamicComment}}" type="text"
               placeholder="回复 {{userNickName}}">
        <span class="fa fa-play pull" ng-click="addOtherReview()"></span>
    </div>
</nav>
<div ng-init="suiMobileInit('evaluate-more-page/js/evaluate-more.js')"></div>